<div class="content rescue">
	<div class="ibox">
		<div class="ibox-title">
		    <h5>赛事救援</h5>
		</div>
		<div class="ibox-content">
            <div class="form-group">
                <div class="col-lg-6">
                    <div id="map"></div>
                </div>
                <div class="col-lg-6">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title border-style-none">
                            <h5>比赛实况</h5>
                            <div class="ibox-tools" ng-show="!vm.runnerInfoFlag">
                                <a class="btn btn-sm" ng-class="{true: 'btn-primary', false: 'btn-default'}[vm.refreshFlag]" ng-click="vm.refreshChange()">
                                    <span style="color: #ffffff"><i class="fa fa-refresh" ng-class="{true: 'fa-refresh', false: 'fa-ban'}[vm.refreshFlag]"></i> 刷新</span>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div class="row">
                                <div class="col-xs-6">
                                    <a class="back" ng-show="vm.runnerInfoFlag" ng-click="vm.runnerInfoFlag = false"><i class="fa fa-angle-double-left"></i> 返回查看所有科目信息</a>                                    
                                </div>
                                <div class="col-xs-6 search-refreshBtn-btn">
                                    <div class="input-group">
                                        <input type="text" placeholder="请填写选手号" ng-model="vm.runnerbib" class="input-sm form-control">
                                        <span class="input-group-btn">
                                            <button type="button" class="btn btn-sm btn-primary"  ng-click="vm.search(vm.runnerbib)">GO!</button>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div ng-show="!vm.runnerInfoFlag" class="margin-top-10">                            
                                <div class="row">
                                    <div class="col-xs-3 padding-10px" ng-repeat="item in vm.getCourseList.data">
                                        <a class="btn btn-sm width-100" ng-class="{true: 'btn-primary', false: 'btn-default'}[item.checked]" ng-click="vm.checkCrouse(item.course_id)">{{item.course_name}}</a>
                                    </div>
                                </div>
                                <ul class="stat-list">
                                    <li  ng-repeat="item in vm.cpInfoList">
                                        <h4 class="no-margins">{{item.name}}</h4>
                                        <small>通过 <strong>{{item.cpCount}}</strong> 人</small>
                                        <div class="stat-percent"><strong>{{item.parcent}}</strong>%</div>
                                        <div class="progress progress-mini">
                                            <div class="progress-bar progress-bar-striped active" ng-class="{info: 'progress-bar-info', warning: 'progress-bar-warning', danger: 'progress-bar-danger'}[item.state]" role="progressbar" style="width: {{item.parcent}}%">
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div ng-show="vm.runnerInfoFlag" class="margin-top-10">
                                    <div class="row m-b-lg">
                                        <div class="col-lg-4 text-center">
                                            <h2>{{vm.runnerInfo.runner.runner_name}}</h2>

                                            <div class="m-b-sm">
                                                <img alt="image" class="img-circle" src="../../images/default-head-img.png" style="width: 62px">
                                            </div>
                                        </div>
                                        <div class="col-lg-8 margin-top-10">
                                            <p><strong> 性别：{{vm.runnerInfo.runner.runner_gender == 'male' ? '男' : '女'}} </strong></p>
                                            <p><strong> 选手号：{{vm.runnerInfo.runner.bib}} </strong></p>
                                            <p><strong> 所属科目：{{vm.runnerInfo.runner.course_id}} </strong></p>
                                        </div>
                                    </div>
                                    <div class="full-height-scroll">
                                        <strong>通过计时点时间</strong>
                                        <ul class="list-group clear-list">
                                            <li class="list-group-item fist-item" ng-repeat="item in vm.runnerInfo.cps">
                                                <span class="pull-right"> {{item.passTime}} </span>
                                                {{item.cpName}}
                                            </li>
                                            
                                        </ul>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
		</div>
	</div>
<div>